
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
		<meta HTTP-EQUIV="Expires" CONTENT="-1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>首页</title>
<!--		<link rel="stylesheet" type="text/css" href="css/idangerous.swiper.css"/>-->
<!--		<script src="js/idangerous.swiper.min.js" type="text/javascript" charset="utf-8"></script>-->
		<link rel="shortcut icon" href="img/favicon.ico" />
		<link rel="bookmark" href="img/favicon.ico" type="image/x-icon" 　/>

		<script src="js/vue.js"></script>
		<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
		<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>

		<link rel="stylesheet" href="css/page.css">
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/play.css"/>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<script src="js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.page.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>

	</head>
	<body>
	<div id="app">


		<header-component></header-component>

		<!--头部-->

		<!--轮播-->



		<!--<router-link to="/">lee</router-link>-->
		<!--<router-link to="/lee1">lee1</router-link>-->

		<router-view @music="musicplay" @showdownload="showdownload"></router-view>

    	<!--底部-->
		<footer-component v-if="showFooter"></footer-component>
		<div class="mask vip-mask">
			<h4 class="padding_10 text-center mask-tittle color_ff">小胡子  VIP等级:3  (余额：100金币)</h4>
			<div class="paystyle-top">
				<a href="javascript:;"  class="active">开通VIP</a>
				<a href="javascript:;">超级VIP</a>
				<a href="javascript:;">余额充值</a>
			</div>
			<div class="paystle-main bor_ds">
				<div class="mg_tb20 vip paystle-boss active">
					<div class="paystle-box1 clearfix">
						<div class=" mg_top10 vip" >
							<div class="swiper-container">
								<div class="swiper-wrapper new-wuqu-list">
									<div class="swiper-slide">
										<div class="pay-list text-center relative ">
											<p>￥200</p>
											<h6 class="">VIP一个月</h6>
											<div class="absolute vip-font text_left">
												<p>会员权限可下载：串烧区、单曲、套曲、音乐人、视频</p>
												<p class="mg_top5">每天下载：10首</p>
											</div>
										</div>
									</div>
								</div>
								<!-- Add Pagination -->
								<!--<div class="swiper-pagination"></div>-->
								<div class="swiper-button-next"></div>
								<div class="swiper-button-prev"></div>
							</div>
						</div>

					</div>
				</div>

			</div>
			<div class="pay-iconbox mg_tb20 text-center">
				<a href="javascript:;"><img width="30" class="vertical-align_m" src="img/pay-icon-wx.png"/> 微信支付</a>
				<a href="javascript:;" class="mg_left20"><img width="30" class="vertical-align_m " src="img/pay-icon-pay.png"/> 支付宝支付</a>
				<span class="mg_left20"><img width="80" height="80"class="vertical-align_m "  src="img/code-wechat.jpg"/> </span>
			</div>
		</div>
		<div class="bg_1a text-center padding_tb20">
			<p class="color_b ">免责声明:本站全部舞曲免费在线试听，请在下载后24小时内删除，否则后果与本站无关，如喜欢音乐请购买正版，其所有权为DJ及所属公司拥有</p>
			<p class="color_b mg_top10">网络文化经营许可证:晋网文[2015]2086-005号| 增值电信业务经营许可证：晋B2-20150031| 晋ICP备16009633号-3</p>
		</div>
	    <!--下载弹窗-->
		<down-component :downloadid="downloadid" :downloadtype="downloadtype"></down-component>
	    <!--反馈弹窗-->
	    <div class="mask feek-mask">
	    	<h4 class="padding_10 text-center mask-tittle color_ff">反馈</h4>
	    	<p class=" mask-font text-center">
	    		<textarea name="" rows="" cols="" placeholder="写下你对这首歌曲的反馈内容"></textarea>
	    	</p>
	    	<p class="mask-abox text-center">
	    		<a href="javascript:;">提交</a>
	    		<a href="javascript:;" onclick="cancel(this)">取消</a>
	    	</p>
	    </div>
	    <!--评论弹窗-->
<!--	    <div class="mask pl-mask">-->
<!--	    	<h4 class="padding_10 text-center mask-tittle color_ff">评论</h4>-->
<!--	    	<p class=" mask-font text-center">-->
<!--	    		<textarea name="" rows="" cols="" placeholder="写下你对这首歌曲的反馈内容"></textarea>-->
<!--	    	</p>-->
<!--	    	<p class="mask-abox text-center">-->
<!--	    		<a href="javascript:;">提交</a>-->
<!--	    		<a href="javascript:;" onclick="cancel(this)">取消</a>-->
<!--	    	</p>-->
<!--	    </div>-->
	    <!--收藏弹窗-->
	    <div class="mask sc-mask" id="tj">
	    	<h4 class="padding_10 text-center mask-tittle color_ff">添加到音乐盒</h4>
<!--	    	<p class=" padding_10 text-center">-->
<!--	    		<a href="javascript:;"><span class="blue font_18">+</span>-->
<!--	    		新建音乐盒</a>-->
<!--	    	</p>-->
	    	<div class="mg_top10 mask-list">
	    		<dl class="clearfix padding_10">
	    			<dt class="left mg_r20"><img width="50" height="50" class="bor_r5" src="img/music02.png"/></dt>
	    			<dd class="left ">
	    				<h4 class="font_16">惠州博罗</h4>
	    				<p class="mg_top5 color_9">已收藏0首舞曲</p>
	    			</dd>
	    		</dl>
	    		<dl class="clearfix padding_10">
	    			<dt class="left mg_r20"><img width="50" height="50" class="bor_r5" src="img/music02.png"/></dt>
	    			<dd class="left ">
	    				<h4 class="font_16">惠州博罗</h4>
	    				<p class="mg_top5 color_9">已收藏0首舞曲</p>
	    			</dd>
	    		</dl>
	    	</div>
	    	<p class="mask-abox text-center">
	    		<a href="javascript:;">提交</a>
	    		<a href="javascript:;" onclick="cancel(this)">取消</a>
	    	</p>
	    </div>
	    <!--登录弹窗-->
	    <div class="big-mask login-mask">
	    	<div class="clearfix">
	    		<div class="left login-left text-center">
	    			<h2 class="padding_tb20"><strong>登录</strong></h2>
	    			<div class="login-abox">
<!--	    				<a href="javascript:;" class="email-in" onclick="emile_login()">邮箱号登录</a>-->
	    				<a href="javascript:;" class="phone-in" onclick="plogin()">手机号登录</a>
	    				<a href="javascript:;" class="reg-in" >注册</a>
	    			</div>
	    		</div>
	    		<div class="right login-right">
	    			<div>
	    				<a href="javascript:;" onclick="wx()"><img src="img/login-wx.png"/>微信登录</a>
	    				<a href="javascript:;"  ><img src="img/login-wb.png"/>微博登录</a>
	    				<a href="javascript:;"  onclick="wx()"><img src="img/login-qq.png" alt="" />QQ登录</a>
	    			</div>
	    			<p class="mg_top40"><img width="150" src="img/logo.png"/></p>
	    		</div>
	    	</div>
	    </div>
	    <!--手机号登录-->
	    <div class="big-mask phonelogin-mask" >
	    	<h4 class="padding_10 text-center mask-tittle color_ff font_16">手机号登录</h4>
	    	<div class="text-center mask-font bor_ds">
	    		<form action="" method="post">
		    		<p class="inp-box">
		    			<img src="img/icon_phone.png" alt="" />
		    			<input type="tel" name="" id="loginPhone"  value="" placeholder="请输入手机号码" />
		    		</p>
		    		<p class="inp-box">
		    			<img src="img/icon_password.png" alt="" oncanplay="" />
		    			<input type="password" name=""  id="loginPass" value="" placeholder="请输入密码" />
		    		</p>
		    		<p class="text_right mg_top10">
		    			<a href="javascript:;" class="forgetpad-a" onclick="forgetpsd()">忘记密码？</a>
		    		</p>
		    		<p class="mg_top20">
		    			<a href="javascript:;" class="big-btn login-ok" onclick="login()">登录</a>
		    		</p>
		    	</form>
	    	</div>
	    	<div class="padding_tb10">
	    		<p class=" clearfix padding_10">
		    		<a href="javascript:;" class="left blue" onclick="goback_login()"> &lt;其他方式登录</a>
		    		<a href="javascript:;" class="right reg-a reg-in"> 没有账号？免费注册&gt;</a>
		    	</p>
	    	</div>
	    </div>


	    <!--邮箱号登录-->
	    <div class="big-mask email-mask" >
	    	<h4 class="padding_10 text-center mask-tittle color_ff font_16">邮箱号登录</h4>
	    	<div class="text-center mask-font bor_ds">
	    		<form action="" method="post">
		    		<p class="inp-box">
		    			<img src="img/icon_phone.png" alt="" />
		    			<input type="email" name=""  value="" placeholder="请输入邮箱号码" />
		    		</p>
		    		<p class="inp-box">
		    			<img src="img/icon_password.png" alt="" oncanplay="" />
		    			<input type="password" name=""  value="" placeholder="请输入密码" />
		    		</p>
		    		<p class="text_right mg_top10">
		    			<a href="javascript:;" class="forgetpad-a" onclick="forgetpsd()">忘记密码？</a>
		    		</p>
		    		<p class="mg_top20">
		    			<a href="javascript:;" class="big-btn login-ok">登录</a>
		    		</p>
		    	</form>
	    	</div>
	    	<div class="padding_tb10">
	    		<p class=" clearfix padding_10">
		    		<a href="javascript:;" class="left blue" onclick="goback_login()"> &lt;其他方式登录</a>
		    		<a href="javascript:;" class="right reg-a"> 没有账号？免费注册&gt;</a>
		    	</p>
	    	</div>
	    </div>
	    <!--忘记密码-->
	    <div class="big-mask forgetpsd-mask" >
	    	<h4 class="padding_10 text-center mask-tittle color_ff font_16">忘记密码</h4>
	    	<div class="text-center mask-font bor_ds">
	    		<form action="" method="post">
		    		<p class="inp-box">
		    			<img src="img/icon_phone.png" alt="" />
		    			<input type="email" name=""  value="" placeholder="请输入邮箱号码" />
		    		</p>
		    		<p class="inp-box relative code-box">
		    			<img src="img/icon_code.png" alt="" oncanplay="" />
		    			<input type="text" name=""  value="" placeholder="请输入验证码" />
		    			<input type="text" class="generate_code color_ff absolute" name=""  value="发送验证码" readonly="readonly" onclick="settime()" onfocus="this.blur()">
		    		</p>
		    		<p class="inp-box">
		    			<img src="img/icon_password.png" alt="" oncanplay="" />
		    			<input type="password" name=""  value="" placeholder="请输入密码" />
		    		</p>
		    		<p class="inp-box">
		    			<img src="img/icon_password.png" alt="" oncanplay="" />
		    			<input type="password" name=""  value="" placeholder="请确认密码" />
		    		</p>
		    		<p class="mg_top20">
		    			<a href="javascript:;" class="big-btn">确定</a>
		    		</p>
		    	</form>
	    	</div>
	    	<div class="padding_tb10">
	    		<p class=" clearfix padding_10">
		    		<a href="javascript:;" class="left blue goback-login" onclick="goback_login()"> &lt;返回登录</a>
		    	</p>
	    	</div>
	    </div>
	    <!--手机号注册-->
	    <div class="big-mask reg-mask" >
	    	<h4 class="padding_10 text-center mask-tittle color_ff font_16">手机号注册</h4>
	    	<div class="text-center mask-font bor_ds">
	    		<form action="" method="post">
		    		<p class="inp-box">
		    			<img src="img/icon_phone.png" alt="" />
		    			<input type="text" name="" id="Phone"  value="" placeholder="请输入手机号码" />
		    		</p>
		    		<p class="inp-box relative code-box">
		    			<img src="img/icon_code.png" alt="" oncanplay="" />
		    			<input type="text" id="code" name=""  value="" placeholder="请输入验证码" />
		    			<input type="text" id="codeNum"  class="generate_code color_ff absolute" name=""  value="发送验证码" readonly >
		    		</p>
		    		<p class="inp-box">
		    			<img src="img/icon_password.png" alt="" oncanplay="" />
		    			<input type="password" name=""  id="pass" value="" placeholder="请输入密码" />
		    		</p>
		    		<p class="inp-box">
		    			<img src="img/icon_password.png" alt="" oncanplay="" />
		    			<input type="password" name="" id="okpass"  value="" placeholder="请确认密码" />
		    		</p>
		    		<p class="mg_top20">
		    			<a class="big-btn" onclick="phone_login()">注册</a>
		    		</p>
		    	</form>
	    	</div>
	    	<div class="padding_tb10">
	    		<p class=" clearfix padding_10">
		    		<a href="javascript:;" class="left blue goback-login" onclick="goback_login()"> &lt;返回登录</a>
		    	</p>
	    	</div>
	    </div>
		<play_footer-component :musicid="musicID" :playmc="playmc" @changestatus="changestatus" @changeplay="changeplay" :obj="objone" :typs="typs"></play_footer-component>
    	<!--随机播放-->
    	<div class="mask-video">
    		<div class="music-box ">
    			<h4 class="padding_10 font_16"><strong>最近试听</strong></h4>
		    	<div class="clearfix bg_b">
	    			<p class="left">
		    			<span style="margin-left: 105px;">歌名</span>
	    		    </p>
	    		    <p class="right">
		    			<span>音调 </span>
		    			<span>更新日期</span>
		    			<span style="margin-right: 114px;">BPM</span>
	    		    </p>
	    		</div>
		    	<div class="clearfix ">
	    			<p class="left">
		    			<span><img width="30" height="30" class="bor_r5 vertical-align_m" src="img/new-small.png"></span>
		    			<span class="icon-videobtn"><img class="vertical-align_m" src="img/icon-bf.png"></span>
		    			<span class="song-name text">Original MixOriginal MixOriginal MixOriginal MixOriginal MixOriginal MixOriginal MixOriginal MixOriginal MixOriginal MixOriginal Mix</span>
		    		</p>
		    		<div class="right">
		    			<span>124</span>
		    			<span>1A</span>
		    			<span>18-10-11</span>
		    			<span class="relative select-box  text-center padding_5">
		    				<i class="color_55">￥2.00</i>
		    				<i class="absolute select-list">
		    					<a href="javascript:;" class="icon-zan"><img src="img/icon-zan.png">点赞</a>
		    					<a href="javascript:;" class="icon-download"><img src="img/icon-xz.png">下载</a>
		    					<a href="javascript:;" class="icon-sc"><img src="img/icon-start.png">收藏</a>
		    					<a href="javascript:;" class="icon-pl"><img src="img/icon-pl.png">评论</a>
		    					<a href="javascript:;" class="icon-feek"><img src="img/icon-fk.png">反馈</a>
		    				</i>
		    			</span>
		    		</div>
	    		</div>
	    		<div class="clearfix ">
	    			<p class="left">
		    			<span><img width="30" height="30" class="bor_r5 vertical-align_m" src="img/new-small.png"></span>
		    			<span class="icon-videobtn"><img class="vertical-align_m" src="img/icon-zt.png"></span>
		    			<span class="song-name text">Original Mix</span>
		    		</p>
		    		<div class="right">
		    			<span>124</span>
		    			<span>1A</span>
		    			<span>18-10-11</span>
		    			<span class="relative select-box  text-center padding_5">
		    				<i class="color_55">￥2.00</i>
		    				<i class="absolute select-list">
		    					<a href="javascript:;" class="icon-zan"><img src="img/icon-zan.png">点赞</a>
		    					<a href="javascript:;" class="icon-download"><img src="img/icon-xz.png">下载</a>
		    					<a href="javascript:;" class="icon-sc"><img src="img/icon-start.png">收藏</a>
		    					<a href="javascript:;" class="icon-pl"><img src="img/icon-pl.png">评论</a>
		    					<a href="javascript:;" class="icon-feek"><img src="img/icon-fk.png">反馈</a>
		    				</i>
		    			</span>
		    		</div>
	    		</div>
	    		<div class="clearfix ">
	    			<p class="left">
		    			<span><img width="30" height="30" class="bor_r5 vertical-align_m" src="img/new-small.png"></span>
		    			<span class="icon-videobtn"><img class="vertical-align_m" src="img/icon-zt.png"></span>
		    			<span class="song-name text">Original Mix</span>
		    		</p>
		    		<div class="right">
		    			<span>124</span>
		    			<span>1A</span>
		    			<span>18-10-11</span>
		    			<span class="relative select-box  text-center padding_5">
		    				<i class="color_55">￥2.00</i>
		    				<i class="absolute select-list">
		    					<a href="javascript:;" class="icon-zan"><img src="img/icon-zan.png">点赞</a>
		    					<a href="javascript:;" class="icon-download"><img src="img/icon-xz.png">下载</a>
		    					<a href="javascript:;" class="icon-sc"><img src="img/icon-start.png">收藏</a>
		    					<a href="javascript:;" class="icon-pl"><img src="img/icon-pl.png">评论</a>
		    					<a href="javascript:;" class="icon-feek"><img src="img/icon-fk.png">反馈</a>
		    				</i>
		    			</span>
		    		</div>
	    		</div>
	    		<div class="clearfix ">
	    			<p class="left">
		    			<span><img width="30" height="30" class="bor_r5 vertical-align_m" src="img/new-small.png"></span>
		    			<span class="icon-videobtn"><img class="vertical-align_m" src="img/icon-zt.png"></span>
		    			<span class="song-name text">Original Mix</span>
		    		</p>
		    		<div class="right">
		    			<span>124</span>
		    			<span>1A</span>
		    			<span>18-10-11</span>
		    			<span class="relative select-box  text-center padding_5">
		    				<i class="color_55">￥2.00</i>
		    				<i class="absolute select-list">
		    					<a href="javascript:;" class="icon-zan"><img src="img/icon-zan.png">点赞</a>
		    					<a href="javascript:;" class="icon-download"><img src="img/icon-xz.png">下载</a>
		    					<a href="javascript:;" class="icon-sc"><img src="img/icon-start.png">收藏</a>
		    					<a href="javascript:;" class="icon-pl"><img src="img/icon-pl.png">评论</a>
		    					<a href="javascript:;" class="icon-feek"><img src="img/icon-fk.png">反馈</a>
		    				</i>
		    			</span>
		    		</div>
	    		</div>
	    		<div class="clearfix ">
	    			<p class="left">
		    			<span><img width="30" height="30" class="bor_r5 vertical-align_m" src="img/new-small.png"></span>
		    			<span class="icon-videobtn"><img class="vertical-align_m" src="img/icon-zt.png"></span>
		    			<span class="song-name text">Original Mix</span>
		    		</p>
		    		<div class="right">
		    			<span>124</span>
		    			<span>1A</span>
		    			<span>18-10-11</span>
		    			<span class="relative select-box  text-center padding_5">
		    				<i class="color_55">￥2.00</i>
		    				<i class="absolute select-list">
		    					<a href="javascript:;" class="icon-zan"><img src="img/icon-zan.png">点赞</a>
		    					<a href="javascript:;" class="icon-download"><img src="img/icon-xz.png">下载</a>
		    					<a href="javascript:;" class="icon-sc"><img src="img/icon-start.png">收藏</a>
		    					<a href="javascript:;" class="icon-pl"><img src="img/icon-pl.png">评论</a>
		    					<a href="javascript:;" class="icon-feek"><img src="img/icon-fk.png">反馈</a>
		    				</i>
		    			</span>
		    		</div>
	    		</div>
	    		<div class="clearfix ">
	    			<p class="left">
		    			<span><img width="30" height="30" class="bor_r5 vertical-align_m" src="img/new-small.png"></span>
		    			<span class="icon-videobtn"><img class="vertical-align_m" src="img/icon-zt.png"></span>
		    			<span class="song-name text">Original Mix</span>
		    		</p>
		    		<div class="right">
		    			<span>124</span>
		    			<span>1A</span>
		    			<span>18-10-11</span>
		    			<span class="relative select-box  text-center padding_5">
		    				<i class="color_55">￥2.00</i>
		    				<i class="absolute select-list">
		    					<a href="javascript:;" class="icon-zan"><img src="img/icon-zan.png">点赞</a>
		    					<a href="javascript:;" class="icon-download"><img src="img/icon-xz.png">下载</a>
		    					<a href="javascript:;" class="icon-sc"><img src="img/icon-start.png">收藏</a>
		    					<a href="javascript:;" class="icon-pl"><img src="img/icon-pl.png">评论</a>
		    					<a href="javascript:;" class="icon-feek"><img src="img/icon-fk.png">反馈</a>
		    				</i>
		    			</span>
		    		</div>
	    		</div>
    		</div>
		    <div class="padding_b50">
<!--		    	 <div class="tcdPageCode mg_top20"></div>-->
		    </div>
    	</div>
		<div class="big-mask address-box">
			<h4 class="padding_10 text-center mask-tittle color_ff font_16">选择地址</h4>
			<div class="mg_top20 buy-box" style="border: none;padding-bottom: 40px;">
				<table border="" cellspacing="" cellpadding="" class="goods-tab">
					<tbody>
					<tr class="padding_10">
						<th></th>
						<th>收货人</th>
						<th>电话/手机</th>
						<th>详细地址</th>
					</tr>
					<tr class="spun-box">
						<td>
			        			<span class="check-box">
					    			<label for="checkbox1"><img src="img/rideo.png"></label>
					    			<input type="radio" name="address" id="checkbox1" class="check" hidden="hidden" value="">
					    		</span>
						</td>
						<td class="address-name">张三</td>
						<td class="address-phone">18545441244</td>
						<td class="address">四川省成都市高新区天府三级新希望国际B栋709</td>
					</tr>
					<tr class="spun-box">
						<td>
			        			<span class="check-box">
					    			<label for="checkbox2"><img src="img/rideo.png"></label>
					    			<input type="radio" name="address" id="checkbox2" class="check" hidden="hidden" value="">
					    		</span>
						</td>
						<td class="address-name">张三</td>
						<td class="address-phone">18545441244</td>
						<td class="address">四川省成都市高新区天府三级新希望国际B栋709</td>
					</tr>
					</tbody>
				</table>
			</div>
		</div>
		<!--支付方式-->
		<div class="mask pay-mask">
			<h4 class="padding_10 text-center mask-tittle color_ff">选择支付方式</h4>
			<div class="pay-font1 mg_tb20 padding_lr30">
				<h4 class="font_16"><img class="vertical-align_m" width="20" src="img/tj.png"/>提交订单</h4>
				<p class="mg_top20">先购先得，请尽快完成支付！</p>
				<p class="mg_top10">支付金额：<span class="red">￥200</span></p>
			</div>
			<div class="pay-iconbox mg_tb20 text-center">
				<a href="javascript:;" class="mg_r20"><img width="30" class="vertical-align_m " src="img/pay-icon-wx.png"/> 微信支付</a>
				<a href="javascript:;" class="mg_left20"><img width="30" class="vertical-align_m " src="img/pay-icon-pay.png"/> 支付宝支付</a>
			</div>
		</div>




		<!--充值成功-->
		<div class="big-mask">
			<h4 class="padding_10 text-center mask-tittle color_ff font_16">充值成功</h4>
			<div class="mg_tb20 text-center padding_b50">
				<img width="120" src="img/success-img.png"/>
				<p class="color_00 mg_top10"><strong>支付成功</strong></p>
			</div>
		</div>

		<div class="mask card-box">
			<h4 class="padding_10 text-center mask-tittle color_ff">添加银行卡</h4>
			<div class=" mask-form">
				<form action="" method="post">
					<p class="inp-box mg_top10">
						<label for="">银行卡卡号：</label>
						<input type="number" name=""  value="" placeholder="请输入银行卡卡号" />
					</p>
					<p class="inp-box mg_top10">
						<label for="">持卡人姓名：</label>
						<input type="text" name=""  value="" placeholder="请输入持卡人姓名" />
					</p>
					<p class="inp-box mg_top10">
						<label for="">所属银行：</label>
						<select name="">
							<option value="">中国银行</option>
							<option value="">建设银行</option>
							<option value="">民生银行</option>
							<option value="">招商银行</option>
							<option value="">农业银行</option>
						</select>
					</p>
					<p class="mg_top20 text-center">
						<a  class="basic_a">确定</a>
					</p>
				</form>
			</div>
		</div>
<!--		<div id="uploads" class="mask padding_b20">-->
<!--			<h4 class="padding_10 text-center mask-tittle color_ff font_16">请选择</h4>-->
<!--			<form action="" method="post" class="padding_lr30">-->
<!--				<p class="mask-inpbox mg_top20">-->
<!--					<label for="">选择分类</label>-->
<!--					<select name="" >-->
<!--						<option value="">请选择分类</option>-->
<!--					</select>-->
<!--				</p>-->
<!--				<p class="mask-inpbox mg_top20">-->
<!--					<label for="">金币</label>-->
<!--					<input type="text" name=""  value="" placeholder="请输入金币">-->
<!--				</p>-->
<!--				<p class="mask-inpbox mg_top20">-->
<!--					<label for="">选择歌曲</label>-->
<!--					<span class="text-center">-->
<!--	    					<label for="upload" class="basic_a text-center">上传音乐</label>-->
<!--	    				    <input type="file" hidden="hidden" name="upload" id="upload" value="">-->
<!--	    				</span>-->

<!--				</p>-->
<!--				<p class="mg_top20 text-center">-->
<!--					<a href="javascript:;" class="basic_a">确定</a>-->
<!--				</p>-->
<!--			</form>-->
<!--		</div>-->
	    <div class="overlay"></div>
	</div>


		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>


	<script src="js/layer-v3.1.1/layer/layer.js"></script>

		<script src="js/common.js"></script>
		<script src="js/component.js"></script>
		<script>
			// var swiper = new Swiper('.swiper-container');
			var _generate_code = $("#codeNum");
			$(document).on('click','#codeNum',function(){
				var formdata = new FormData();
				formdata.append("phone",$('#Phone').val());
				console.log($('#Phone').val())
				axios.post(sysurl2 + 'sms/getIdentifyingCode', formdata).then(res => {
					if (res.data.code === 0) {
						var countdown = 60;
						var that = $(this)
						that.attr("readonly", false)
						that.attr("disabled", true)
						that.val( countdown );
						var set=setInterval(function() {
							countdown--;
							that.val( countdown );
							if(countdown == 0) {
								that.val("获取验证码");
								that.attr("readonly", true)
								that.attr("disabled", false)
								clearInterval(set)
							}
						}, 1000);
					}
					else {

					}
				}, err => {

				})
				.catch((error) => {

				})

//				console.log(123)
			})


            var routes = [
                {
                path: '/',
                component: home
            	},
                {
                    path: '/newSong',
                    component: newSong,
                },
				{
                    path: '/info',
                    component: info
                },
				{
                    path: '/dv',
                    component: dv
                },
                {
                    path: '/info/detail',
                    name:'infoDetail',
                    component: infoDetail,
                },
				{
                    path: '/GoodsComponent',
                    component: GoodsComponent,
                },{
                    path: '/Component',
                    component: Component,
                },{
                    path: '/MusicMan',
                    component: MusicMan,
                },{
                    path: '/musicManDetail',
                    component: musicManDetail,
                },{
                    path: '/musicManList',
                    component: musicManList,
                },{
					path: '/spu',
					component: spu,
				},{
					path: '/taoqu',
					component: taoqu,
				},{
					path: '/My',
					component: My,
				},{
					path: '/userSet',
					component: userSet,
				},{
					path: '/Boxlist',
					component: Boxlist,
				},{
					path: '/Boxinfo',
					component: Boxinfo,
				},{
					path: '/myVideo',
					component: myVideo,
				},{
					path: '/myZj',
					component: myZj,
				},{
					path: '/myVip',
					component: myVip,
				},{
					path: '/Car',
					component: Car,
				},{
					path: '/myVipupload',
					component: myVipupload,
				},{
					path: '/payOder',
					component: payOder,
				},{
					path: '/danqu',
					component: danqu,
				},{
					path: '/dvplay',
					component: dvplay,
				},{
					path: '/taoList',
					component: taoList,
				},{
					path: '/taoquDetail',
					component: taoquDetail,
				},{
					path: '/musicList',
					component: musicList,
				},{
					path: '/Seach',
					component: Seach,
				},
            ]
            var router = new VueRouter({
                routes
            })
            new Vue({
                el:"#app",
                data:{

                    flag:"home-component",
                    showFooter:true,
                    showBanner:true,
					cid:'',
					musicID:"",
					playmc:false,
					downloadid:'',
					downloadtype:'',
					objtemp:'',
					objone:'',
					typs:''



                },
				router,
                mounted(){

                },
                filters:{

                },
                methods:{
					changeplay(type){
						this.playmc = type
					},
					showdownload:function(id,type){
						this.downloadid = id
						this.downloadtype = type
					},
					changestatus:function(status){
						if (!status) {
							$(this.objtemp).attr("src",'img/icon-zt.png')
						}else{
							$(this.objtemp).attr("src",'img/icon-bf.png')

						}
					},

					musicplay:function (id,obj,typs) {
						this.typs=typs
						this.objone = obj
						$(this.objtemp).attr("src",'img/icon-zt.png')

						if(this.objtemp == obj){

							if($("#Music")[0].paused){
								$(".play-footer").fadeIn(200)
								$("#Music")[0].play()
								$(obj).attr("src",'img/icon-bf.png')
								this.playmc = true
								imagerotate()
							}
							else{
								$("#Music")[0].pause()
								$(obj).attr("src",'img/icon-zt.png')
								this.playmc = false
								imagePause()
							}
						}else {
							$(".play-footer").fadeIn(200)
							$(".yz-text").text("普通音质")

							if(this.musicID!=""){
								imagePause()
								$(obj).attr("src",'img/icon-zt.png')
							}
							this.musicID = id;
							$(obj).attr("src",'img/icon-bf.png')
							this.playmc = true
							imagerotate()
							this.objtemp = obj
							// $("#Music")[0].play()
						}
						}
					},



            })

            /**
			 * banner
 			 */


		</script>

	</body>
</html>
